// Vue-cli 脚手架的 配置文件

// 修改了配置文件 必须重启 


// 反向代理  proxy设置一个代理对象  处理后端和前端数据请求的跨域问题  
// 1. 解决 跨域  
// 2. 代替 baseURL  如果使用了 代理  就不要使用 baseURL 


module.exports = {
    lintOnSave: false, // 关闭ESLint 的警告 
    pwa: {
        iconPaths: {
            favicon32: 'favicon.ico',
            favicon16: 'favicon.ico',
            appleTouchIcon: 'favicon.ico',
            maskIcon: 'favicon.ico',
            msTileImage: 'favicon.ico'
        }
    },

    publicPath: "./", //
    devServer: { // 服务器配置  
        host: "0.0.0.0",
        port: 8080,
        open: true, // 自动打开浏览器 
        inline: true, // 在线模式  
        // 反向代理  
        proxy: { // 反向代理   跟 baseURL 绝对冲突
            "/vue": {
                target: "http://localhost:2008/" // 目标请求 
            },
            "/gateway": {
                target: "https://m.maizuo.com/" // 目标请求 
            },
            "/zuo": {
                target: 'https://m.maizuo.com/gateway/',
                pathRewrite: {
                    "^/zuo": "" // 需要将 /zuo 重写为 / 
                }
            }
        }
    },
    css: {
        loaderOptions: { // 加载器 处理样式 
            css: {},
            postcss: { // 样式代码处理 
                plugins: [
                    // 补全css前缀(解决兼容性)
                    require("autoprefixer")(),
                    // 把px单位换算成rem单位
                    require("postcss-px2rem")({
                        remUnit: 37.5, // VantUI 设计稿尺寸 375 
                        // rootValue: 75, // 换算的基数(设计图750的根字体为75)
                        // selectorBlackList: [".van", ".my-van"],// 要忽略的选择器并保留为px。
                        // propList: ["*"], //可以从px更改为rem的属性。
                        // minPixelValue: 2 // 设置要替换的最小像素值。
                        exclude: /node_modules/i
                    })
                ]
            }
        }
    }
}